<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="language" content="en" />

        <!-- blueprint CSS framework -->
        <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/main.css" media="screen, projection" />
        <!--[if lt IE 8]>
        <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/ie.css" media="screen, projection" />
        <![endif]-->

        <script src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery-1.6.4.min.js" ></script>


        <title><?php echo CHtml::encode($this->pageTitle); ?></title>
        <script>
            $(document).ready( function() {
                $('#nav li').hover(
                function () {
                    //show its submenu
                    $('ul', this).slideDown(500);

                }, 
                function () {
                    //hide its submenu
                    $('ul', this).slideUp(500);			
                }
            );
               
                
                
            });
        </script>
    </head>
    <body>

        <!-- HEADER -->
        <div id="header">
            <div class="pagewrapper">
                <div id="leftheader">
                    <ul>
                        <li><a href="#"><div id="elearning"></div>E-Learning</a></li>
                        <li><a href="#"><div id="email"></div>WebMail</a></li>
                    </ul>
                </div>
                <div class="midleHeader">
                    <div class="logo"></div>
                    <div class="socialnetwork">
                        <div class="facebookicon"><a href="#"><img src="images/icon/facebook.jpg"/></a></div>
                        <div class="twittericon"><a href="#"><img src="images/icon/twitter.jpg"/></a></div>
                    </div>
                </div>
                <div id="rightheader">
                    <ul>
                        <li><a href="#"> Login ▼ </a></li>
                        <li><a href="#"> Sitemap </a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end of HEADER -->

        <!-- MENUBAR -->

        <div class="bgMenubar">
            <div class="pagewrapper">
                <div id="menubar">
                    <ul id="nav">
                        <li><?PHP echo CHtml::link("Beranda", array("site/index"), array('id' => 'first')); ?></li>
                        <li><a href="#">Program</a></li>
                        <li><a href="#">Aktivitas</a></li>
                        <li><a href="#">Acara</a></li>
                        <li><?php echo CHtml::link("Berita", array('nEWS/index')); ?> </li>
                        <li><a href="#">Pendaftaran</a></li>
                        <li><a href="#">Unit ▼ </a>

                            <ul>
                                <li><a href="#">

                                    </a></li>
                            </ul>

                        </li>
                        <li><a href="#" id="last">Kontak Kami</a></li>
                    </ul>
                </div>

            </div>
        </div>
        <!-- end of MENUBAR -->

        <!-- MAIN CONTENT -->
        <div id="maincontent">
            <div class="pagewrapper">


                <!-- GAMBAR UTAMA -->
                <div id="maincontentbg">
                    <?php echo $content; ?>
                </div>


                <!-- end of GAMBAR UTAMA -->

                <div id="footer">
                    <br/>
                    <a>Copyright &copy; Labschool <?php echo date('Y'); ?>, All Rights Reserved.</a><br/><br/>
                    <a href="#">Beranda |</a>
                    <a href="#">Program |</a>
                    <a href="#">Aktivitas |</a>
                    <a href="#">Event |</a>
                    <a href="#">Pendaftaran |</a>
                    <a href="#">Berita |</a>
                    <a href="#">Unit |</a>
                    <a href="#">Kontak Kami</a>
                </div>
            </div>
        </div>

    </body>
</html>